body {
    background: #f8f9fa;
}




.table {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 0.5rem;
    overflow: hidden;
}

.table thead th {
    background: #2c3e50;
    color: white;
    font-weight: 600;
    /*text-align: center;*/  /* 表头第一行新增居中属性 */
}

/* 针对所有表格第一列IP进行加粗显示 */
.table td:nth-child(1) {
    font-weight: bold !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(44, 62, 80, 0.05);
}

.badge {
    font-size: 0.9em;
    padding: 0.6em 1em;
}

#clearFilter {
  transition: all 0.3s ease;
}
#clearFilter:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 73, 73, 0.2);
}

/* 页脚样式 */
/* 基础定位 */
.app-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 1em 0;
  z-index: 1000;
  background: white; /* 可选背景防止透明遮挡 */
}

/* 防遮挡处理 */
body {
  padding-bottom: 50px; /* 调整值需匹配页脚高度 */
}

.version-info {
  display: inline-block; /* 使内容居中 */
  font-size: 0.9rem;
  color: #666;
}

.version-value {
  font-family: monospace;
  color: #4a9eff; /* 使用Bootstrap的info颜色 */
  font-weight: 500;
}
